<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>05像素</title>
</head>
<body>
    <!-- 
        像素：
            在前端中，像素分两种讨论：
                1.物理像素  屏幕分辨率这种
                2.CSS像素   编写网页时所说的像素就是CSS像素
                    浏览器在显示网页时，需要将CSS像素转换为物理像素再呈现出来
                    一个CSS像素最终由几个物理像素显示，由浏览器决定
                    默认情况下，在pc端，是1：1的
        视口：
            屏幕中用来显示网页的区域
            可以通过查看视口的大小，来观察CSS像素和物理像素的比值
            默认情况下：
                视口宽度的CSS像素：物理像素=1：1
            当缩放比例为200%时：
                视口宽度的CSS像素：物理像素=1：2
     -->
</body>
</html>